import Vue from 'vue'
//1.导入 vue-router 包
import VueRouter from 'vue-router'
//2.手动安装 VueRouter
Vue.use(VueRouter)




import app from './App.vue'
import account from './main/Account.vue'
import goodslist from './main/GoodsList.vue'


//3.创建路由对象
var router = new VueRouter({
    routes: [
        //Account 组件 goodslist
        {
            path: '/account',
            component: account
        }, {
            path: '/goodslist',
            component: goodslist
        }

    ]
})

var vm = new Vue({
    el: '#app',
    render: c => c(app), //render会把vm指定的容器中都清空，所以不要把 router-view 和 router-link 直接写到el所控制的元素中
    router //4. 将路由挂在到vm上
})

//注意：App这个组件，是通过VM实例的render函数，渲染出来的，render函数如果要渲染
//组件，渲染出来的组件，只能放到el：‘#app’所指定的元素中；
//Account 和 GoodsList 组件 ，是通过 路由匹配监听到的，所以，这两个组件，只能展示到
//属于路由的<router-view></router-view>中去